<template>
  <div>
  <el-table
      :data="tableData"
      align="center"
      border
      style="width: 100%">
    <el-table-column
        prop="name"
        align="center"
        label="用户名"
        width="180">
    </el-table-column>
    <el-table-column
        align="center"
        prop="phone"
        label="电话"
        width="180">
    </el-table-column>
    <el-table-column
        align="center"
        prop="password"
        label="密码">
    </el-table-column>
  </el-table></div>
</template>

<script>
export default {
  name:'test4',
  data() {
    return {
      tableData: [{
        name: '王小虎',
        phone: '155532132',
        password: '**********'
      }, {
        name: '王小虎',
        phone: '155532132',
        password: '**********'
      }, {
        name: '王小虎',
        phone: '155532132',
        password: '**********'
      }, {
        name: '王小虎',
        phone: '155532132',
        password: '**********'
      }, {
        name: '王小虎',
        phone: '155532132',
        password: '**********'
      }, {
        name: '王小虎',
        phone: '155532132',
        password: '**********'
      }, {
        name: '王小虎',
        phone: '155532132',
        password: '**********'
      }, {
        name: '王小虎',
        phone: '155532132',
        password: '**********'
      }, {
        name: '王小虎',
        phone: '155532132',
        password: '**********'
      }, {
        name: '王小虎',
        phone: '155532132',
        password: '**********'
      }, {
        name: '王小虎',
        phone: '155532132',
        password: '**********'
      }, {
        name: '王小虎',
        phone: '155532132',
        password: '**********'
      }, {
        name: '王小虎',
        phone: '155532132',
        password: '**********'
      }]
    }
  }
}
</script>
